<template>
  <v-app>
    <w-head @change="set_color" @set_nav="set_nav=!set_nav" />
    <w-nav style="z-index:5" :miniNav="set_nav" :backgroundNav="backgroundNav"  />
    <w-set :setting="is_set_color" />
    <v-main >
      <w-tabs style="position:sticky;top:64px;z-index:3" />
      <keep-alive>
        <router-view />
      </keep-alive>
    </v-main>
  </v-app>
</template>

<script>
import wHead from '../admin/_head'
import wNav from '../admin/_nav'
import wTabs from '../admin/_tabs'
import wSet from '../admin/_set'
export default {

  components: {
    wHead,wNav, wTabs, wSet
  },
  data() {
    return {
      is_set_color: false,
      set_nav: false,
      backgroundNav: true,
    }
  },
  computed: {
  },

  beforeMount () {},

  mounted () {
    this.backgroundNav = JSON.parse(
      localStorage.getItem("backgroundNav") || true
    );
    
  },

  methods: {
    set_color() {
      this.is_set_color = !this.is_set_color;
    }
  },

  watch: {
    backgroundNav(val) {
      localStorage.setItem("backgroundNav", val);
    }
  }

}

</script>
<style lang='' scoped>

</style>
